<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Curvy Corners</title>

<style type="text/css">
@import "lib/dojo/resources/dojo.css";
@import "lib/dijit/themes/tundra/tundra.css";
</style>

<script type="text/javascript">
var djConfig = {
    isDebug: true,
    parseOnLoad: true,
    locale: "zh",
    extraLocale: ["en"]
};
</script>
<script type="text/javascript" src="../../lib/dojo/dojo/dojo.js"></script>
<script type="text/javascript" src="../../lib/curvycorners/curvycorners.src.js"></script>
<script type="text/javascript">
    dojo.require("dojo.data.ItemFileReadStore");
    dojo.require("dojo.data.ItemFileWriteStore");
    dojo.require("dojo.date.locale");
    dojo.require("dojo.parser");
    dojo.require("dijit.Dialog");
    dojo.require("dijit.form.Button");
    dojo.require("dijit.form.FilteringSelect");
</script>
<script type="text/javascript">
dojo.addOnLoad(function() {
    console.debug("loaded");

    var roundedSettings = {
        tl: { radius: 10 },
        tr: { radius: 10 },
        bl: { radius: 10 },
        br: { radius: 10 },
        antiAlias: true
    };

    //curvyCorners(roundedSettings, ".rounded");
});
</script>
<style type="text/css">
.right {
    float: right;
    width: 35%;
}

.clear-box {
    clear: both;
}

.rounded {
    /* Do rounding */
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Chrome, Safari */
    -khtml-border-radius: 10px; /* Konquerer */
    border-radius: 10px; /* CSS3 */
    padding: 10px;
}

.login-label {
    font-weight: bold;
}

#login-sidebar .login-box {
    background-color: #FACF24;
    width: 236px;
}

#login-sidebar .login-box .login-box-top {
    background: url(../images/login_top.gif) no-repeat;
    height: 26px;
    padding: 0 10px;
}

#login-sidebar .login-box .login-box-top h1 {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
}

#login-sidebar .login-box .login-box-content {
    padding: 5px;
}

#login-sidebar .login-box .login-box-bottom {
    background: url(../images/login_bottomgif) no-repeat;
    height: 10px;
}
</style>
</head>
<body class="tundra">

  <div id="login-sidebar" style="margin: 20px;">
    <!-- login box -->
    <div class="login-box rounded">
      <div class="login-box-top">
        <h1>Sign In</h1>
      </div>
      <div class="login-box-content">
        <form method="post" action="j_security_check">
          <div><label class="login-label" for="j_username">Username:</label></div>
          <div><input type="text" size="30" name="j_username" id="j_username" /></div>
          <div>(e.g., joe@gmail.com)</div>
          <div><br /></div>
          <div><label class="login-label" for="j_password">Password:</label></div>
          <div><input type="password" size="30" name="j_password" id="j_password" /></div>
          <div><a href="http://w3.ibm.com/password">Forgot your password?</a></div>
          <div><br /></div>
          <div class="right">
            <button dojoType="dijit.form.Button" type="submit" class="button-blue">Submit</button>
          </div>
          <div class="clear-box"></div>
        </form>
      </div>
      <div class="login-box-bottom"></div>
    </div>
  </div>

</body>
</html>